<template>
    <div class="editor-wrapper">
        <Message :history="history" class="message" />
        <Editor v-if="history" />
    </div>
</template>

<script setup lang="ts">
import Message from "../Message/Message.vue";
import Editor from "./Editor.vue";

/**
 * history: 是否为历史记录
 * content: 编辑器内容
 */
const {history} = defineProps({
    history: {
        type: Boolean,
        default: false,
        required: true,
    },
    content: {
        type: String,
        default: "",
        required: true,
    },
});
</script>

<style scoped lang="less">
.editor-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
}
</style>
